@function gradient($deg, $startColor, $endColor) {
	@return linear-gradient($deg + deg, $startColor, $endColor);
}

// 单行、多行文本溢出
@mixin ellipsis($line: 1) {
	@if ($line == 1) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	} @else {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: $line;
		-webkit-box-orient: vertical;
		white-space: normal;
		word-break: break-all;
	}
}

// 弹性布局盒子
@mixin flexBox($justify: center, $align: center, $direction: row, $flex-wrap: nowrap) {
	display: flex;
	display: -webkit-flex;

	@if ($justify != null) {
		justify-content: $justify;
	}
	@if ($align != null) {
		align-items: $align;
	}
	@if ($direction != null) {
		flex-direction: $direction;
	}
	@if ($flex-wrap != null) {
		flex-wrap: $flex-wrap;
	}
}

// 常用背景、底色色值-UI规范
$main-color: #4db7f3; // 主色
$main-light: #f14d27; // 主亮色
$main-dark: #999999;
$linear-gradient-column: linear-gradient($main-color, #dbc194); // 从上到下的渐变色
$linear-gradient-row: linear-gradient(225deg, $main-dark, $main-color); // 从左到右的渐变色 默认
$linear-gradient-row-light: linear-gradient(
	225deg,
	$main-light,
	$main-color
); // 从左到右的渐变色 高亮

// 背景色
$bg-grey: #f7f7f7; // 背景主色
$bg-white: #ffffff; // 背景色0级
$bg-grey-default: #f7f6f9; // 背景色1级
$bg-grey-second: #f6f6f6; // 背景色2级
$bg-grey-three: #f3f4f6; // 背景色2级
$bg-grey-deep: #f8f6f9; // 背景深色
$bg-shadow: #d8dde6; // 背景阴影色
$bg-tip: #fff7e8; // 提示框背景色
$bg-invalid: #c6cfd9; // 背景失效色

// 常用文字色值-UI规范
$text-white: #ffffff; // 标准文字白色
$text-black: #171717; // 标准文字黑色
$text-blue: #171717; // 标准文字蓝色
$text-title: #333333; // 标题色
$text-grey: #999999; // 正文色
$text-grey-default: #b5b5b5; // 图标色
$text-grey-invalid: #c6cfd9; // 失效色

// border色值-UI规范
$border-gray: #d7dde4ff;
$border-dotted: #eef1f3; // 分割虚线

// 功能色
$color-error: #f3534d; // 错误色
$color-warn: #f99819; // 警告色
$color-link: #409EFF; // 链接色
$color-success: #4df36e; // 成功色

// 标准颜色
$color-red: #ff0000; // 红色
$color-orange: #ffa500; // 橙色
$color-yellow: #ffff00; // 黄色
$color-green: #008000; // 绿色
$color-blue: #0000ff; // 蓝色
$color-indigo: #4b0082; // 靛蓝
$color-purple: #800080; // 紫色
$color-pink: #ffc0cb; // 粉色
$color-black: #000000; // 黑色
$color-white: #ffffff; // 白色

// 字体大小值-UI规范
$font12: 12px;
$font13: 13px;
$font14: 14px;
$font16: 16px;
$font18: 18px;
$font20: 20px;
$font22: 22px;
$font24: 24px;

@mixin text-title {
	font-size: $font16;
	font-weight: bold;
	color: $text-title;
}
